<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:include page="/common/easyui.jsp"></jsp:include>
<script type="text/javascript" src="${base}/common/js/easyui/jquery.portal.js"></script>
<link rel="stylesheet" type="text/css" href="${base}/common/js/easyui/themes/portal.css" />
<script type="text/javascript">
	$(document).ready(function(){
		try{
						
		}catch(e){
			alert(e.message);
		}
	}) ;
	function click(node){
		try{
			if(!$("#leftTreeMenu").tree("isLeaf",node.target)) return ;//非叶子节点点击无意义
			$("#centerFrame").attr("src","${base}/"+node.attributes.menuUrl) ;
		}catch(e){alert(e.message);}
	}
</script>
<title>gibbs</title>
</head>
<body>
	<div id="mainContainer" class="easyui-layout" style="width:100%;height:100%;margin:0 auto">  
	    <div data-options="region:'north',title:' ',split:true,collapsed:true" style="height:100px;"></div>  
	    <div data-options="region:'south',title:' ',split:true,collapsed:true" style="height:100px;"></div>  
	    <div data-options="region:'east',title:' ',split:true,collapsed:true" style="width:100px;"></div>  
	    <div data-options="region:'west',title:' ',split:true" style="width:200px;">
		    <ul id='leftTreeMenu' class="easyui-tree" data-options="url:'${base}/menuTree/query',onClick:click">  
		    </ul>
	    </div>  
	    <div id="frameCenter" data-options="region:'center'" style="background:#eee;">
	    	<iframe frameborder=0 scrool='none' width="100%" height="100%" id='centerFrame' src="${base}/menuTree/query"></iframe>
	    </div>  
	</div>
</body>
</html>